﻿<!DOCTYPE html>
<html>
<head>
<!--
    Copyright (c) Microsoft Corporation

All rights reserved.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License.  You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0   

THIS CODE IS PROVIDED *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABLITY OR NON-INFRINGEMENT.  

See the Apache Version 2.0 License for specific language governing permissions and limitations under the License.
 -->
    <meta charset="utf-8" />
    <title>YetiBowl</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-light.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- YetiBowl references -->
    <link href="css/default.css" rel="stylesheet" />
    <link href="css/stylesheet.css" rel="stylesheet" />
    <script src="/js/default.js"></script>



</head>
<body>
     <div id="container"> <!-- All Game related dom elements should be within container for proper scaling -->
        <canvas id="game_canvas" width="768" height="1366"></canvas>
        <div id="hikerkills">0</div>
        <div id="snowball_btn"  onmousedown="game.system.dominput.snowball(true);" onmouseup="game.system.dominput.snowball(false);" onmouseout="game.system.dominput.snowball(false);"></div>
        <div id="touch_ui">
            <div id="left_btn"  onmousedown="game.system.dominput.left_btn(true);" onmouseup="game.system.dominput.left_btn(false);" onmouseout="game.system.dominput.left_btn(false);"></div>
            <div id="right_btn" onmousedown="game.system.dominput.right_btn(true);" onmouseup="game.system.dominput.right_btn(false);" onmouseout="game.system.dominput.right_btn(false);"></div>
        </div>
        <div id="gameover_ui" class="hidden">
            <div id="gameover_restart" onclick="game.system.dominput.restart();"></div>
            <div id="gameover_menu" onclick="game.system.dominput.exit();"></div>
        </div>
    </div>
    <canvas id="particle_canvas" width="1440" height="900"></canvas> <!-- Outside of normal scaling for fullscreen effects on Desktop -->

    <!-- Load in Required Game Scripts -->
    <script src="/js/canvasrotation.js"></script>
    <script type="text/javascript" src="/GameLibrary/game.js"></script> 
        <script type="text/javascript" src="/js/scaling.js"></script> 
        <script type="text/javascript" src="/GameLibrary/frame.js"></script>
        <script type="text/javascript" src="/GameLibrary/ui.js"></script>
        <script type="text/javascript" src="/GameLibrary/entity.js"></script>
        <script type="text/javascript" src="/GameLibrary/map.js"></script>
        <script type="text/javascript" src="/GameLibrary/input.js"></script>
        <script type="text/javascript" src="/GameLibrary/hiker.js"></script> 
        <script type="text/javascript" src="/GameLibrary/hikermanager.js"></script> 
        <script type="text/javascript" src="/GameLibrary/yeti.js"></script> 
        <script type="text/javascript" src="/GameLibrary/mountain.js"></script>
        <script type="text/javascript" src="/GameLibrary/snowball.js"></script>  
        <script type="text/javascript" src="/GameLibrary/soundmanager.js"></script> 
        <script type="text/javascript" src="/GameLibrary/particlemanager.js"></script>
 
     <div id="gameAppBar" data-win-control="WinJS.UI.AppBar" class="win-appbar win-ui-dark" data-win-options="">
        <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdMenu', label: 'Main Menu', icon: 'home', section:'global', tooltip: 'Main Menu'}"></button>
    </div>

    <div id="ad_bottom_rail" data-win-control="MicrosoftNSJS.Advertising.AdControl" style="width:292px;height:60px;position:absolute;left:50%;bottom:0;z-index:1;margin-left:-146px;" data-win-options="{applicationId: 'd25517cb-12d4-4699-8bdc-52040c712cab', adUnitId: '10043074'}"></div>

</body>
</html>
